
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <title>发布实验 - Cloud Lab</title>
    <meta content="郭欣光" name="author">

    <!--引入css-->
    <link rel="shortcut icon" href="../img/logo_img.png">
    <link rel="stylesheet" href="../static/font-awesome/4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="../static/highlight.js/9.8.0/monokai-sublime.min.css">
    <link rel="stylesheet" href="../app/css/libs/bootstrap/3.3.7/css/bootstrap.min.css">
    <link rel="stylesheet" href="../app/css/libs/katex/0.6.0/katex.min.css">
    <link rel="stylesheet" href="../app/css/libs/videojs/5.11.7/video-js.min.css">
    <link rel="stylesheet" href="../app/css/dest/styles.css?=2016121272249">


    <style>
        .org-header {
            padding: 100px 0;
            color: #fff;
            background: url(../img/org-bg.png);
            text-align: center;
        }
        .org-header h2 {
            font-size: 45px;
        }
        .org-header p {
            margin-top: 20px;
            font-size: 18px;
            font-weight: 700;
        }
        .org-body-desc {
            padding: 50px 0 150px;
        }
        .org-body-desc .media-body {
            font-size: 16px;
        }
        .org-body-courses {
            padding: 50px 0;
            background: #fff;
        }
        .org-body-courses .container {
            position: relative;
            top: -110px;
        }
        .org-body-courses .media img {
            width: 80px;
            height: 80px;
            border-radius: 4px;
            box-shadow: 0 0 4px 2px #eee;
        }
        .org-body-courses .media-body h4 {
            word-break: break-all;
            font-size: 16px;
            line-height: 1.6em;
        }
    </style>
</head>

<body>

<!--网页顶部 导航栏-->
<script src="../model/topHtmlExpectIndex.js"></script>

<div class="org-header">
    <h2>在线实验，让计算机教学更灵活</h2>
    <br/>
    <br/>
    <button class="btn btn-info btn-lg" onclick="gotoLink('/developer/create_course.html')">开设课程</button>
</div>
<div class="org-body">
    <div class="container">
        <div class="row org-body-desc">
            <div class="col-md-4">
                <div class="media">
                    <div class="media-left">
                        <img class="media-object" src="../img/org-kaopu.png">
                    </div>
                    <div class="media-body">
                        最靠谱的<br>服务与工具
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="media">
                    <div class="media-left">
                        <img class="media-object" src="../img/org-jingdian.png">
                    </div>
                    <div class="media-body">
                        最经典的<br>实战项目
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="media">
                    <div class="media-left">
                        <img class="media-object" src="../img/org-gaoxiao.png">
                    </div>
                    <div class="media-body">
                        最高效的<br>实验学习
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="org-body-courses">
        <div class="container">
            <div class="row" id="myCourses">
                正在加载您的课程信息，请稍后...
            </div>
            <div id="coursesPage" class="pull-right">
                <ul class="pager">
                    <li class="previous disabled" id="previousPage"><a id="previousPageHref">&larr; 上一页</a></li>
                    <li class="disabled"><a id="pageNow">&nbsp;&nbsp;1/1&nbsp;&nbsp;</a></li>
                    <li class="next disabled" id="previousNext"><a id="previousNextHref">下一页 &rarr;</a></li>
                </ul>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>
</div>
<script>
    $('.org-body-courses .media h4').each(function() {
        var h = $(this).height();
        if (h > 25) {
            $(this).css({
                width: $(this).width(),
                'white-space': 'nowrap',
                'text-overflow': 'ellipsis',
                overflow: 'hidden'
            });
        }
    });
</script>

<!--网页登录弹窗-->
<script src="../model/loginHtml.js"></script>
<!--网页底部  导航栏-->
<script src="../model/bottomExpectIndex.js"></script>


<!--引入js-->
<script src="../app/dest/lib/lib.js?=2016121272249"></script>
<script src="../static/jquery/2.2.4/jquery.min.js"></script>
<script src="../static/ace/1.2.5/ace.js"></script>
<script src="../static/aliyun/aliyun-oss-sdk-4.3.0.min.js"></script>
<script src="../static/highlight.js/9.8.0/highlight.min.js"></script>
<script src="../static/jspdf/1.2.61/jspdf.min.js"></script>
<script src="../static/plupload/2.1.9/js/plupload.full.min.js"></script>
<script src="../static/zeroclipboard/2.2.0/ZeroClipboard.min.js"></script>
<script src="../static/videojs/video.min.js"></script>
<script src="../static/bootstrap-tour/0.11.0/js/bootstrap-tour.min.js"></script>
<script src="../static/bootstrap-table/1.11.0/bootstrap-table.min.js"></script>
<script src="../static/bootstrap-table/1.11.0/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="../static/bootstrap-table/1.11.0/extensions/filter-control/bootstrap-table-filter-control.min.js"></script>
<script src="../static/ravenjs/3.7.0/raven.min.js"></script>
<script src="../app/dest/base/index.js?=2016121272249"></script>
<script src="js/index.js" ></script>
<script src="js/show_my_courses.js" ></script>

</body>
</html>
